﻿.gridrow {
    border-collapse: collapse;
}

    .gridrow > tbody:nth-child(1) > tr:nth-child(1) {
        border-collapse: collapse;
        border-spacing: 0px 0px;
        color: #333;
        font-family: "Segoe UI",Verdana,Helvetica,sans-serif;
        font-size: 11px;
        height: auto;
    }

        .gridrow > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(2) {
            width: 14%;
        }

        .gridrow > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(3) {
            width: 13%;
        }

        .gridrow > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(4) {
            width: 13%;
        }

        .gridrow > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(9) {
            width: 12.6%;
        }


    .gridrow tbody tr th {
        white-space: nowrap;
        padding-right: 0px;
        padding-left: 20px;
    }

    .gridrow tbody tr td {
        padding-right: 20px;
        padding-left: 20px;
    }

.notfound {
    color: red;
    font-size: large;
}

.mainmessage-notification {
    color: green;
    font-size: large;
}

#MainContent_PnlWorkList {
    background-color: white;
}

table.gridrow td:nth-child(1) {
    display: none;
}

.gridrow > tbody:nth-child(1) > tr:nth-child(1) > th:nth-child(1) {
    display: none;
}

.gridrow td {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 83px;
    /*border: 1px solid red;*/
}

/*Control spacer*/
.modal-body table tbody tr.Placeholder {
    height: 5px;
}

.modal-body table tbody td.Placeholder {
    width: 5px;
}

input, textarea, button {
    margin-top: 10px;
}

/* Required field START */

.required-field-block {
    position: relative;
}

    .required-field-block .required-icon {
        display: inline-block;
        vertical-align: middle;
        margin: -0.25em 0.25em 0em;
        background-color: #E8E8E8;
        border-color: #E8E8E8;
        padding: 0.5em 0.8em;
        color: rgba(0, 0, 0, 0.65);
        text-transform: uppercase;
        font-weight: normal;
        border-radius: 0.325em;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-transition: background 0.1s linear;
        -moz-transition: background 0.1s linear;
        transition: background 0.1s linear;
        font-size: 75%;
    }

    .required-field-block .required-icon {
        background-color: transparent;
        position: absolute;
        top: 0px;
        right: 0em;
        z-index: 10;
        margin: 0em;
        width: 30px;
        height: 30px;
        padding: 0em;
        text-align: center;
        -webkit-transition: color 0.2s ease;
        -moz-transition: color 0.2s ease;
        transition: color 0.2s ease;
    }

        .required-field-block .required-icon:after {
            position: absolute;
            content: "";
            right: 1px;
            top: 11px;
            z-index: -1;
            width: 0em;
            height: 0em;
            border-top: 0em solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 30px solid transparent;
            border-left: 0em solid transparent;
            border-right-color: inherit;
            -webkit-transition: border-color 0.2s ease;
            -moz-transition: border-color 0.2s ease;
            transition: border-color 0.2s ease;
        }

        .required-field-block .required-icon .text {
            color: #B80000;
            font-size: 26px;
            margin: 10px 0 0 12px;
        }

.form-control.ng-invalid.ng-invalid-required.ng-valid-maxlength.ng-dirty.ng-valid-parse.ng-touched {
    background-color: #FAF2F3;
}
/* Required field END */

.form-group.required .control-label:after {
    content: "*";
    color: red;
    font-family: 'Glyphicons Halflings';
    font-weight: normal;
    font-size: 7px;
}

/* dialog box*/
.content-left-personal {
    float: left;
    width: 54%;
}

.content-right-personal {
    float: left;
    width: 46%;
}

.col-sm-7.input-group-addon.btn {
    height: 25px;
}

div.fixed {
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    background-color: white;
    width:100%;
}

header.fixed-sub {
    height: auto;
    position: fixed;
    top: 70px;
    left: 0;
    background-color: white;
    width: 100%;
}

tr.table-header-fixed {
    position: fixed;
    background-color: white;
    width: 100%;
    top: 133px;
}
/** {
   border: 1px solid red !important;
}*/
